<?php
header("content-type:text/html;charset=utf-8");
include "../../public/config/config.php";
$work="active";

if($_POST['to_mail'] == "to_mail"){
	require_once("class.phpmailer.php");// 引入PHPMailer的核心文件
	require_once("class.smtp.php");
	
	$mail_user = $_POST['mail_user'];
	$mail_nick = $_POST['mail_nick'];
	$mail_title = $_POST['mail_title'];
	$mail_content = $_POST['mail_content'];
	
	$mail = new PHPMailer();// 实例化PHPMailer核心类
	
	$mail->SMTPDebug = 1;// 是否启用smtp的debug进行调试 开发环境建议开启 生产环境注释掉即可 默认关闭debug调试模式
	
	$mail->isSMTP();// 使用smtp鉴权方式发送邮件
	
	$mail->SMTPAuth = true;// smtp需要鉴权 这个必须是true
	
	$mail->Host = 'smtp.qq.com';// 链接qq域名邮箱的服务器地址
	
	$mail->SMTPSecure = 'ssl';// 设置使用ssl加密方式登录鉴权
	
	$mail->Port = 465;// 设置ssl连接smtp服务器的远程服务器端口号
	
	$mail->CharSet = 'UTF-8';// 设置发送的邮件的编码
	
	$mail->FromName = $mail_nick;// 设置发件人昵称 显示在收件人邮件的发件人邮箱地址前的发件人姓名
	
	$mail->Username = '1668959220@qq.com';// smtp登录的账号 QQ邮箱即可
	
	$mail->Password = 'mynfskqxzxrfefef';// smtp登录的密码 使用生成的授权码
	
	$mail->From = '1668959220@qq.com';// 设置发件人邮箱地址 同登录账号
	
	$mail->isHTML(true);// 邮件正文是否为html编码 注意此处是一个方法
	
	$mail->addAddress($mail_user);// 设置收件人邮箱地址
	
	//$mail->addAddress('87654321@163.com');// 添加多个收件人 则多次调用方法即可
	
	$mail->Subject = $mail_title;// 添加该邮件的主题
	
	$mail->Body = $mail_content;// 添加邮件正文
	
//	$mail->addAttachment('D:\n.txt');// 为该邮件添加附件
	
	echo '<div style="display: none;">';
	
	$status = $mail->send();// 发送邮件 返回状态
	
//	var_dump($status);
	
	echo '</div>';
	
	if($status){
		echo "<script>alert('发送成功！');</script>";
	}else{
		echo "<script>alert('发送失败！');</script>";
	}
}

?>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>我的工作 -- <?php echo $cfg_indexname;?></title>
	
	<!-- Bootstrap -->
	<link href="/public/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="/public/css/main.css"/>
	<style type="text/css">
.wdiy{
	width: 300px;
	display: inline-block;
}

	</style>
	
	<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
	<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
	<!--[if lt IE 9]>
	<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
	<![endif]-->
</head>
<body>
<?php include "../public/include/head.php";?>
<div class="container">
	<ol class="breadcrumb bg_eee">
		<li><a href="/index.php">首页</a></li>
		<li><a href="../">我的工作</a></li>
		<li class="active">网页邮箱</li>
	</ol>
	<h3 class="text-center bg-primary lhei">康承贝健 -- 网页邮箱</h3>
	<ul class="nav nav-pills">
	    <li class="active"><a href="#dxyz" data-toggle="tab">邮箱验证</a></li>
	   	<li><a data-toggle="tab" href="#dxfs">邮箱发送</a></li>
    	
	</ul>
	<hr />
	<div class="tab-content min_hei">
		<!--伟创聚赢-->
	    <div class="tab-pane active" id="dxyz">
	    	<h3>网页邮箱&gt;&gt;邮箱验证</h3><br />
	    	<div class="row">
				<form action="index.php" method="post" class="form-horizontal form_pad" name="frm" onsubmit="return check()" >
				  	<div class="form-group">
					    <label for="input_1" class="col-sm-2 control-label font_s_reg">账号昵称：</label>
					    <div class="col-sm-10">
					      	<input type="text" name="tname" class="form-control wdiy" id="input_1" placeholder="可以是您的姓名...">
					    </div>
				  	</div>
				  	<div class="form-group">
					    <label for="input_2" class="col-sm-2 control-label font_s_reg">邮箱号码：</label>
					    <div class="col-sm-10">
					      	<input type="text" name="mail_user" class="form-control wdiy" id="input_2" placeholder="也是注册账号...">&nbsp;&nbsp;&nbsp;
					      	<span id="s_60" class="btn btn-default" onclick="to_sms()">发送验证码</span>
					    </div>
				  	</div>
				  	<div class="form-group">
					    <label for="input_3" class="col-sm-2 control-label font_s_reg">验 证 码 ：</label>
					    <div class="col-sm-10">
					      	<input type="text" name="code2" class="form-control wdiy" id="input_3" placeholder="邮箱里收到的验证码...">
					    </div>
				  	</div>
				  	<div class="form-group">
					    <label for="input_4" class="col-sm-2 control-label font_s_reg">设置密码：</label>
					    <div class="col-sm-10">
					      	<input type="password" name="pwd" class="form-control wdiy" id="input_4" placeholder="设置一个简单好记的密码...">
					    </div>
				  	</div>
				  	<div class="form-group">
					    <label for="input_5" class="col-sm-2 control-label font_s_reg">重复密码：</label>
					    <div class="col-sm-10">
					      	<input type="password" name="pwd2" class="form-control wdiy" id="input_5" placeholder="重复上面的密码...">
					    </div>
				  	</div>
				  	<div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      	<button type="submit" class="btn btn-info">注册</button>
					    </div>
				  	</div>
				</form>
			</div>
	    	<br /><p>注：这里是模拟客户端注册账号时验证邮箱号的基本验证功能</p>
	    </div>
	    <!--邮箱发送-->
	    <div class="tab-pane" id="dxfs">
	    	<h3>网页邮箱&gt;&gt;邮箱发送</h3><br />
	    	<div class="row">
				<form action="index.php" method="post" class="form-horizontal form_pad" name="frm2" onsubmit="return check2()" >
				  	<div class="form-group">
					    <label for="input_21" class="col-sm-2 control-label font_s_reg">邮箱：</label>
					    <div class="col-sm-10">
					    	<input type="hidden" name="to_mail" value="to_mail" />
					      	<input type="text" name="mail_user" class="form-control wdiy" id="input_21" placeholder="给这个邮箱发邮件...">
					    </div>
				  	</div>
				  	<div class="form-group">
					    <label for="input_22" class="col-sm-2 control-label font_s_reg">发件人昵称：</label>
					    <div class="col-sm-10">
					      	<input type="text" name="mail_nick" class="form-control wdiy" id="input_22" placeholder="收件人会看到你这个昵称...">
					    </div>
				  	</div>
				  	<div class="form-group">
					    <label for="input_23" class="col-sm-2 control-label font_s_reg">邮件主题：</label>
					    <div class="col-sm-10">
					      	<input type="text" name="mail_title" class="form-control wdiy" id="input_23" placeholder="给要发送的邮件设定一个主题...">
					    </div>
				  	</div>
				  	<div class="form-group">
					    <label for="input_24" class="col-sm-2 control-label font_s_reg">邮件内容 ：</label>
					    <div class="col-sm-10">
					    	<textarea name="mail_content" rows="5" cols="" class="form-control wdiy" id="input_24" placeholder="编辑要发送的邮件的内容..."></textarea>
					    </div>
				  	</div>
				  	<div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      	<button type="submit" class="btn btn-info">发送</button>
					    </div>
				  	</div>
				</form>
			</div>
			<br /><p>注：这里是网页里手动填写邮箱号和邮件内容发送邮件的功能</p>
	    </div>
	    
	</div>
</div>
<?php include "../../public/include/footer.php";?>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script type="text/javascript" src="/public/js/jquery-3.3.1.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script type="text/javascript" src="/public/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/public/js/footer.js"></script>

<script type="text/javascript">
var num=120,i,s_60 = document.getElementById("s_60");
var code = "000000";
var ipt_mail_user = '';
var is_to = false;
function numjj(){
	//判断验证码是否发送成功
	s_60.innerHTML = num+"秒后重新发送...";
	num--;
	if(num == -1){
		s_60.innerHTML = "发送验证码";
		num = 120;
		clearInterval(i);
	}
	if(!is_to && code == "error0"){
		is_to = true;
		alert("验证码发送失败！");
	}else if(!is_to && code != "error0" && code != "000000"){
		is_to = true;
		alert("验证码发送成功！");
	}
//	console.log(code);
}
function to_sms(){
	if(s_60.innerHTML == "发送验证码"){
		is_to = false;
		ipt_mail_user = document.getElementById("input_2").value;
		//这里要验证是不是合法手机号
		if(ipt_mail_user == ''){
			alert("邮箱必填！");
		}else if(!is_mail(ipt_mail_user)){
			alert("填写正确的邮箱号才能发验证码！");
		}else{
			s_60.innerHTML = "验证码已发送...";
			$.ajax({
			 	url:"to_mail_ajax.php",
				type:"post",
				data:"mail_u="+ipt_mail_user,
				datatype:"json",
				success:function(data){
					code = data.substr(-6);
					// console.log(code);
				}		  	  			  	  			  	  	
			});
	//		console.log(code);
			i = setInterval(numjj,1000);
		}
	}else{
		alert("验证码已经发送！");
	}
}

function is_mail(str){
	return /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/.test(str);
}

function check2(){
	var mail_user=document.frm2.mail_user.value;
	if(mail_user==null || mail_user==''){
		alert('邮箱必填！');
		document.frm2.mail_user.focus();
		return false;
	}else if(!is_mail(mail_user)){
		alert('请填写正确的邮箱号！');
		document.frm2.mail_user.focus();
		return false;
	}
	
	var mail_nick = document.frm2.mail_nick.value;
	if(mail_nick == null || mail_nick == ''){
		alert("昵称不能为空！");
		document.frm2.mail_nick.focus();
		return false;
	}
	
	var mail_title = document.frm2.mail_title.value;
	if(mail_title == null || mail_title == ''){
		alert("邮件主题不能为空！");
		document.frm2.mail_title.focus();
		return false;
	}
	
	var mail_content = document.frm2.mail_content.value;
	if(mail_content == null || mail_content == ''){
		alert("邮件内容不能为空！");
		document.frm2.mail_content.focus();
		return false;
	}
	
}

function check(){
	var tname=document.frm.tname.value;
	if(tname==null || tname==''){
		alert('姓名必须填写！');
		document.frm.tname.focus();
		return false;
	}
	
	var mail_user=document.frm.mail_user.value;
	if(mail_user==null || mail_user==''){
		alert('邮箱号码必填！');
		document.frm.mail_user.focus();
		return false;
	}else if(!is_mail(mail_user)){
		alert('请填写正确的邮箱号！');
		document.frm.mail_user.focus();
		return false;
	}else if(mail_user != ipt_mail_user){
		alert("提交的邮箱号不是刚刚验证的邮箱号！");
		document.frm.mail_user.focus();
		return false;
	}
	
	var code2=document.frm.code2.value;
	if(code2==null || code2==''){
		alert('验证码没有填写！');
		document.frm.code2.focus();
		return false;
	}else if(code != code2){
		alert('这个验证码是错误的！');
		document.frm.code2.focus();
		return false;
	}
	
	var pwd=document.frm.pwd.value;
	if(pwd==null || pwd==''){
		alert('密码必须设置！');
		document.frm.pwd.focus();
		return false;
	}
	
	var pwd2=document.frm.pwd2.value;
	if(pwd2==null || pwd2==''){
		alert('重复密码不能为空！');
		document.frm.pwd2.focus();
		return false;
	}
	
	if(pwd != pwd2){
		alert("两次密码不一致！");
		document.frm.pwd.focus();
		return false;
	}
	
	alert("OK!验证成功！");
	return true;
}
</script>

</body>
</html>